<template>
    <view>
        <view v-for="item in items" class="m-column-content" :class="{ 'm-column-content-col': direction == 1 }">
            <uni-card class="m-column-card" v-for="subitem in item">
                <image
                    :src="subitem.imageUrl"
                    @click="goto(subitem.pageUrl)"
                    mode="scaleToFill"
                    class="m-column-image"
                />
            </uni-card>
        </view>
    </view>
</template>
<script lang="ts" setup>
const props = defineProps({
    backurl: String,
    items: { type: Array<Array<PageItem>>, default: [] },
    direction: Number
})
function goto(params: string) {}
</script>
<style lang="scss" scoped>
.m-column-content {
    display: flex;
    flex-direction: row;
}
.m-column-card {
    flex-grow: 1;
    height: 180rpx;
    margin-top: 10rpx !important;
    margin-bottom: 10rpx !important;
}
.m-column-content-col {
    flex-direction: col;
}
.m-column-image {
    width: 100%;
    height: 170rpx;
}
</style>
